CSS 网格轨与线

阐述

轨与线是 CSS 网格布局的底层实现方式。

通过 grid-template-*，我们实际上是创建了一系列的横向和纵向的线，它们以 1, 2, 3, ... 和 -1, -2, -3, ... 两种方式标记。如果指定了 gap: <length>，这些线还同时具有了厚度。

轨则是线之间空出来的区域。

利用 grid-row 和 grid-column，我们可以指定一个元素布置于哪两条线之间。在指定时，正数和负数的下标可以同时使用。